@charset "utf-8";

/* reset、基础样式、各种题型样式、第三方题库样式  */

 /* ============================ 重置css样式 ============================ */
 /* 清除内外边距 */
 body, html, header, footer, section, span, p, h1, h2, h3, h4, h5, h6, ul, li, select, input, button, textarea, aside, article, i, em, form {
     margin: 0;
     padding: 0;
     -webkit-tap-highlight-color: transparent;
 }
 
 /* 设置默认字体 */
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, button, input, select, textarea, span {
     font-family: "serif";
 }
 
 h1, h2, h3, h4, h5, h6 {
     font-size: 1.5rem;
     font-weight: normal;
 }
 
 i {
     font-style: normal;
 }
 
 b {
     font-weight: normal
 }
 
 em {
     font-weight: normal;
     font-style: normal;
 }
 
 button {
     border: none;
 }
 
 /* 重置列表元素 */
 ul, ol, li {
     list-style: none;
 }
 
 /* 重置文本格式元素 */
 a {
     text-decoration: none;
 }
 
 a:focus {
     outline: none;
 }
 
 img {
     border: none;
     vertical-align: middle;
 }
 
 /* 重置表格元素 */
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 
 /*重置苹果默认按钮样式*/
 input {
     -webkit-appearance: none;
     border: none;
 }

 
 /* ========================= 页面常用样式 =========================== */
 html, body {
     width: 100%;
     overflow-x: hidden;
     color: #000000;
     font-size: 22px;
 }
 
 body {
     -text-size-adjust: none;
     -webkit-user-select: none;
 }
 
 /*清除浮动*/
 .clearfix:after {
     display: block;
     clear: both;
     height: 0;
     visibility: hidden;
     content: " ";
 }
 
 /*超出文字显示点点点*/
 .text-hide {
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
 }

 .hide {
    display: none;
 }

 /*========================= 布局管理 =========================*/
 .main {
    height: 100%;
    width: 100%;
 }

 .question-panel {
    overflow-y: scroll;
    width: 100%;
    position: absolute;
    top: 10px;
    bottom: 46px;
    left: 0px;
 }

.pageBar {
    width: 100%;
    position: absolute;
    bottom: 0px;
    border-top: 1px solid #000000;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

 /*========================= 内容 =========================*/
 #questionType {
     font-weight: bold;
 }

 .trunk-panel {
     padding: 0px 15px;
 }

 .option-panel {
     margin-top: 15px;
     margin-bottom: 10px;
     margin-left: 0px;
     margin-right: 0px;
 }
 
 .options {
     margin-left: 15px;
     margin-right: 15px;
 }

 .option {
     line-height: 50px;
     min-height: 50px;
     width: 100%;
     margin-top: 10px;
     border: 1px solid #C2C6C6;
     border-radius: 4px;
     overflow: hidden;
     position: relative;
 }
 
 .option .option-title {
     float: left;
     width: 42px;
     color: #000000;
     background-color: #C2C6C6;
     text-align: center;
     position: absolute;
     top: -2px;
     bottom: -2px;
     left: 0px;
 }
 
 .option .option-title span {
     position: absolute;
     display: inline-block;
     top: 50%;
     margin-top: -25px;
     left: 50%;
     margin-left: -6px;
     font-size: 22px;
     font-weight: bold;
 }
 
 .option .option-content {
     float: left;
     line-height: 22.5px;
     text-align: left;
     color: #000000;
     background-color: #FFF;
     padding: 14px 10px 14px 52px;

 }
 
 .option .option-flag {
     float: left;
     width: 38px;
     position: absolute;
     top: 0px;
     bottom: 0px;
     right: 0px;
 }
 
 .option .option-flag img {
     float: left;
     width: 13px;
     position: absolute;
     text-align: center;
     vertical-align: middle;
     top: 50%;
     left: 50%;
     margin-top: -5.25px;
     margin-left: -6.5px;
     border: 0px;
     visibility: hidden;
 }
 
 #options input, #options li {
     display: block;
 }
 
 .options input[type='hidden'][value='1'] + li {
     border-color: #C2C6C6;
 }
 
 .options input[type='hidden'][value='1'] + li .option-title {
     background-color: #C2C6C6;
     color: #000000;
     border-right-color: #C2C6C6;
 }
 
 .options input[type='hidden'][value='1'] + li .option-flag + img {
     visibility: hidden;
 }
 
 .options input[type='hidden'][value='2'] + li {
     border-color: #000000;
     border-width: 2px;
 }
 
 .options input[type='hidden'][value='2'] + li .option-title {
     background-color: #6d6d6d;
     color: #000000;
 }
 
 .options input[type='hidden'][value='2'] + li .option-flag > img {
     visibility: hidden;
 }
 
 .options input[type='hidden'][value='3'] + li {
     border-color: #000000;
 }
 
 .options input[type='hidden'][value='3'] + li .option-title {
    background-color: #6d6d6d;
    color: #000000;
 }
 
 .options input[type='hidden'][value='3'] + li .option-flag img {
     visibility: visible;
 }
 
 .options input[type='hidden'][value='4'] + li .option-title {
    background-color: #6d6d6d;
    color: #000000;
 }
 
 .options input[type='hidden'][value='4'] + li .option-flag img {
     visibility: hidden;
 }
 
 .options input[type='hidden'][value='5'] + li {
     border-color: #C2C6C6;
 }
 
 .options input[type='hidden'][value='5'] + li .option-title {
     background-color: #6d6d6d;
     color: #000000;
     border-right: 1px solid #C2C6C6;
 }
 
 .options input[type='hidden'][value='5'] + li .option-flag img {
     visibility: visible;
 }
 
 .options input[type='hidden'][value='6'] + li {
     border-color: #000000;
 }
 
 .options input[type='hidden'][value='6'] + li .option-title {
    background-color: #6d6d6d;
    color: #000000;
 }
 
 .options input[type='hidden'][value='6'] + li .option-flag img {
     visibility: visible;
 }

 /*替换内联style*/
#trunkContent * {
    line-height: 120% !important;
    font-size: 22px !important;
}

/*替换内联style*/
#trunkContent {
    margin-top: 5px;
    line-height: 120% !important;
    font-size: 22px !important;
}

/*================ 答案解析 ==================*/
.answer {
    display: none;
    width: 100%;
    min-height: 300px;
    box-sizing: border-box;
    background-color: #fff;

    z-index: 10000;
    position: absolute;
    bottom: 50px;
}

.answerTitle {
    background-color: #6d6d6d;
    border: 1px solid #636363;
    color:#ffffff;
    font-weight: bold;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.answerForm{
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
}

.errorItem{
    border: 1px solid #000;
    height: 30px;
    width: 150px;
}

#answerContent {
    padding: 10px 15px;
}

/*============ 题目跳转导航 ============*/
.btn {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #000000;
    border-radius: 4px;
    background-color: #fff;
    height: 35px;
    line-height: 35px;
}

.btn-page {
    width: 160px;
}

#currentPageNo {
    margin-left: 20px;
    margin-right: 20px;
}

#btn_answersheet {
    width: 100px;
    margin-left: 50px;
}
